<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>浙里购 - 红色旅游、乡宿旅游、红色文创产品、农产品</title>
		<link rel="stylesheet" href="styles/common.css">
		<link rel="stylesheet" href="styles/page-item.css">
		<link rel="stylesheet" href="styles/xzoom.css">
		<script src="js/jquery-3.6.0.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/item.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<!--页面顶部-->
		<div id="nav-bottom">
			<!--顶部-->
			<div class="nav-top">
				<div class="top">
					<div class="py-container">
						<div class="shortcut">
							<ul class="fl">
								<li class="f-item">浙里购欢迎您！</li>
								<li class="f-item">请
									<a href="login.html">登录</a>
									<span>
										<a href="register.html" class="col-red">免费注册</a>
									</span>
								</li>
							</ul>
							<ul class="fr">
								<li class="f-item">
									<a href="member-order.html">我的订单</a>
								</li>
								<li class="f-item space"></li>
								<li class="f-item">
									<a href="member.html">我的浙里购</a>
									<i class="iconfont fr"></i>
								</li>
								<li class="f-item space"></li>
								<li class="f-item">浙里购会员</li>
								<li class="f-item space"></li>
								<li class="f-item">企业采购</li>
								<li class="f-item space"></li>
								<li class="f-item">关注浙里购
									<i class="iconfont fr"></i>
								</li>
								<li class="f-item space"></li>
								<li class="f-item">客服服务
									<i class="iconfont fr"></i>
								</li>
								<li class="f-item space"></li>
								<li class="f-item">网站导航
									<i class="iconfont fr"></i>
								</li>
							</ul>
						</div>
					</div>
				</div>

				<!--头部-->
				<div class="header">
					<div class="py-container">
						<div class="yui3-g Logo">
							<div class="yui3-u Left logoArea">
								<a class="logo-bd" title="浙里购" href="home.html"></a>
							</div>
							<div class="yui3-u Center searchArea">
								<div class="search">
									<form action="" class="sui-form form-inline">
										<div class="input-append">
											<input type="text" id="autocomplete" type="text"
												class="input-error input-xxlarge">
											<button class="sui-btn btn-xlarge btn-danger" type="button">搜索</button>
										</div>
									</form>
								</div>
								<div class="hotwords">
									<ul>
										<li class="f-item">浙里购首发</li>
										<li class="f-item">亿元优惠</li>
										<li class="f-item">9.9元团购</li>
										<li class="f-item">满99减30</li>
										<li class="f-item">亿元优惠</li>
										<li class="f-item">9.9元团购</li>
										<li class="f-item">办公用品</li>
									</ul>
								</div>
							</div>
							<div class="yui3-u Right shopArea">
								<div class="fr shopcar">
									<div class="show-shopcar">
										<span class="car"></span>
										<a class="sui-btn btn-default btn-xlarge" href="cart.html">
											<span>我的购物车</span>
											<i class="shopnum">0</i>
											<i class="iconfont"></i>
										</a>
										<div class="clearfix shopcarlist"></div>
									</div>
								</div>
							</div>
						</div>
						<div class="yui3-g NavList">
							<div class="all-sorts-list">
								<div class="yui3-u Left all-sort">
									<h4>全部商品分类</h4>
								</div>
								<div class="sort">
									<div class="all-sort-list2">
										<div class="item">
											<h3><a href="list.html">红色旅游</a></h3>
											<div class="item-list clearfix">
												<div class="subitem">
													<dl>
														<dt><a href="list.html">电子书</a></dt>
														<dd>
															<em><a href="list.html">免费</a></em>
															<em><a href="list.html">小说</a></em>
															<em><a href="list.html">励志与成功</a></em>
															<em><a href="list.html">婚恋/两性</a></em>
															<em><a href="list.html">文学</a></em>
															<em><a href="list.html">经管</a></em>
															<em><a href="list.html">畅读VIP</a></em>
														</dd>
													</dl>
													<dl>
														<dt><a href="list.html">电子书</a></dt>
														<dd>
															<em><a href="list.html">免费</a></em>
															<em><a href="list.html">小说</a></em>
															<em><a href="list.html">励志与成功</a></em>
															<em><a href="list.html">婚恋/两性</a></em>
															<em><a href="list.html">文学</a></em>
															<em><a href="list.html">经管</a></em>
															<em><a href="list.html">畅读VIP</a></em>
														</dd>
													</dl>
												</div>
											</div>
										</div>
										<div class="item">
											<h3><a href="list.html">乡宿旅游 <em class="ctrl3 fr"></em></a></h3>
											<div class="item-list clearfix"></div>
										</div>
										<div class="item">
											<h3><a href="list.html">红色文创产品 <em class="ctrl3 fr"></em></a></h3>
											<div class="item-list clearfix"></div>
										</div>
										<div class="item">
											<h3><a href="list.html">农产品 <em class="ctrl3 fr"></em></a></h3>
											<div class="item-list clearfix"></div>
										</div>
									</div>
								</div>
							</div>
							<div class="yui3-u Center navArea">
								<ul class="nav">
									<li class="f-item">红色旅游路线</li>
									<li class="f-item">乡宿预定</li>
									<li class="f-item">红色文创产品超市</li>
									<li class="f-item">农产品市场</li>
									<li class="f-item">闪购</li>
									<li class="f-item">团购</li>
								</ul>
							</div>
							<div class="yui3-u Right"></div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="main">
			<div class="py-container">
				<div class="crumb-wrap">
					<ul class="sui-breadcrumb">
						<li><a href="javacript:void(0);">农产品</a></li>
						<li><a href="javacript:void(0);">水果</a></li>
						<li><a href="javacript:void(0);">榴莲蜜</a></li>
						<li class="active">海南榴莲蜜</li>
					</ul>
				</div>
				<!--product-info-->
				<div class="product-info">
					<div class="fl preview-wrap">
						<!--放大镜效果-->
						<div class="zoom">
							<!--默认第一个预览-->
							<div class="spec-preview">
								<img class="xzoom" xoriginal="uploads/b1.png" src="uploads/s1.png" alt="">
								<div class="mask"></div>
								<div class="big">
									<img src="uploads/bigs1.png" alt="" class="bigImg">
								</div>
							</div>
							<!--下方的缩略图-->
							<div class="spec-scroll">
								<a index='0' href="javacript:void(0);"><img class="xzoom-gallery" src="uploads/s1.png"
										width="60"></a>
								<a index='1' class="spec-scroll-a" href="javacript:void(0);"><img class="xzoom-gallery"
										src="uploads/s2.png" width="60"></a>
								<a index='2' class="spec-scroll-a" href="javacript:void(0);"><img class="xzoom-gallery"
										src="uploads/s3.png" width="60"></a>
								<a index='3' class="spec-scroll-a" href="javacript:void(0);"><img class="xzoom-gallery"
										src="uploads/s4.png" width="60"></a>
								<a index='4' class="spec-scroll-a" href="javacript:void(0);"><img class="xzoom-gallery"
										src="uploads/s5.png" width="60"></a>
								<span class="prev">&lt;</span>
								<span class="next">&gt;</span>
							</div>
						</div>
					</div>
					<div class="fr itemInfo-wrap">
						<div class="sku-name">
							<h4>当季海南榴莲蜜水果新鲜手撕软糯香甜不常见的金枕蜜一整个包邮</h4>
						</div>
						<div class="summary">
							<div class="summary-wrap">
								<div class="fl title"><i>价　　格</i></div>
								<div class="fl price"><i>¥</i><em>74.80</em> <s>降价通知</s></div>
								<div class="fr remark"><i>累计评价</i><em>612188</em></div>
							</div>
							<div class="summary-wrap">
								<div class="fl title"><i>促　　销</i></div>
								<div class="fl price">
									<span>加价购</span>满99.00另加20.00元，或满199.00另加30.00元，或满299.00另加40.00元，<br />即可在购物车换购热销商品
									<a href="javacript:void(0);">详情》</a>
								</div>
							</div>
						</div>
						<div class="support">
							<div class="summary-wrap">
								<div class="fl title"><i>支　　持</i></div>
								<div class="fl fix-width"><em class="t-gray">以旧换新，闲置手机回收 4G套餐超值抢 礼品购</em></div>
							</div>
							<div class="summary-wrap">
								<div class="fl title"><i>配 送 至</i></div>
								<div class="fl fix-width"><em class="t-gray">嘉兴职业技术学院<i class="iconfont"></i>有货 支持
										99元免运费 |货到付款 |211限时达 </em></div>
								<div class="fl express"><em
										class="t-gray">由自营发货，并提供售后服务。11:00前完成下单，预计<strong>今天（08月10日）送达</strong></em>
								</div>
							</div>
						</div>
						<div class="clearfix choose">
							<div id="specification" class="summary-wrap clearfix">
								<dl>
									<dt class="fl title"><i>重量</i></dt>
									<dd>
										<a index=0 href="javacript:void(0);" class="selected">【试吃装】1-2斤</a>
										<a index=1 href="javacript:void(0);">【体验装】2-3斤</a>
										<a index=2 href="javacript:void(0);">【美味实惠装】3-4斤</a>
										<a index=3 href="javacript:void(0);">【店长推荐】4-5斤</a>
										<a index=4 href="javacript:void(0);">【豪华装】5-6斤</a>
									</dd>
								</dl>
							</div>

							<div class="summary-wrap">
								<div class="controls">
									<input autocomplete="off" type="text" value="1" minnum="1" class="itxt">
									<a href="javacript:void(0);" class="increment plus">+</a>
									<a href="javacript:void(0);" class="increment mins">-</a>
								</div>
								<a href="cart.html" class="sui-btn  btn-danger addshopcar">加入购物车</a>
							</div>
						</div>
					</div>
				</div>
				<!--product-detail-->
				<div class="clearfix product-detail">
					<div class="fl aside">
						<ul class="sui-nav nav-tabs tab-wraped">
							<li class="active">
								<a href="#index" data-toggle="tab"><span>相关分类</span></a>
							</li>
							<li>
								<a href="#profile" data-toggle="tab"><span>推荐品牌</span></a>
							</li>
						</ul>
						<div class="tab-content tab-wraped">
							<div id="index" class="tab-pane active">
								<ul class="part-list unstyled">
									<li>榴莲</li>
									<li>菠萝蜜</li>
									<li>椰子</li>
									<li>开椰子神器</li>
									<li>口罩</li>
									<li>空气清新剂</li>
								</ul>
								<ul class="goods-list unstyled">
									<li>
										<div class="p-img"><img src="uploads/mobile.png"></div>
										<div class="attr"><em>当季海南榴莲蜜水果新鲜手撕软糯香甜不常见的金枕蜜一整个包邮</em></div>
										<div class="price"><strong>￥88</strong></div>
										<div class="operate"><a href="javacript:void(0);"
												class="sui-btn btn-bordered">加入购物车</a></div>
									</li>
									<li>
										<div class="p-img"><img src="uploads/mobile.png"></div>
										<div class="attr"><em>当季海南榴莲蜜水果新鲜手撕软糯香甜不常见的金枕蜜一整个包邮</em></div>
										<div class="price"><strong>￥88</strong></div>
										<div class="operate"><a href="javacript:void(0);"
												class="sui-btn btn-bordered">加入购物车</a></div>
									</li>
									<li>
										<div class="p-img"><img src="uploads/mobile.png"></div>
										<div class="attr"><em>当季海南榴莲蜜水果新鲜手撕软糯香甜不常见的金枕蜜一整个包邮</em></div>
										<div class="price"><strong>￥88</strong></div>
										<div class="operate"><a href="javacript:void(0);"
												class="sui-btn btn-bordered">加入购物车</a></div>
									</li>
								</ul>
							</div>
							<div id="profile" class="tab-pane">
								<p>推荐品牌</p>
							</div>
						</div>
					</div>
					<div class="fr detail">
						<ul class="sui-nav nav-tabs tab-wraped">
							<li class="active"><a href="javascript:;" index="one"
									data-toggle="tab"><span>商品介绍</span></a></li>
							<li><a href="javascript:;" index="two" data-toggle="tab"><span>规格与包装</span></a></li>
							<li><a href="javascript:;" index="three" data-toggle="tab"><span>售后保障</span></a></li>
							<li><a href="javascript:;" index="four" data-toggle="tab"><span>商品评价</span></a></li>
						</ul>
						<div class="tab-content tab-wraped">
							<div id="one" class="tab-pane active">
								<ul class="goods-intro unstyled">
									<li>厂名：果品康旗舰店</li>
									<li>厂址：果品康旗舰店</li>
									<li>厂家联系方式：18888888888</li>
									<li>保质期：5 天</li>
									<li>品牌: 果品康</li>
									<li>产地: 中国大陆</li>
									<li>省份: 海南省</li>
									<li>城市: 海口市</li>
									<li>包装方式: 散装</li>
									<li>商品产地：中国大陆</li>
									<li>食品品种: 其他</li>
									<li>榴莲形态: 整果</li>
								</ul>
								<div class="intro-detail">
									<img src="uploads/intro01.png">
									<img src="uploads/intro02.png">
									<img src="uploads/intro03.png">
								</div>
							</div>
							<div id="two" class="tab-pane">
								<p>规格与包装</p>
							</div>
							<div id="three" class="tab-pane">
								<p>售后保障</p>
							</div>
							<div id="four" class="tab-pane">
								<div class="comment">
									<div class="com-tit">商品评价</div>
									<div class="com-percent">好评率<span class="percent">96%</span></div>
									<div class="com-tab-type">
										<ul class="type">
											<li class="current"><a href="javacript:void(0);">全部评价(123456)</a></li>
											<li><a href="javacript:void(0);">晒图(500)</a></li>
											<li><a href="javacript:void(0);">追评(500)</a></li>
											<li><a href="javacript:void(0);">好评(500)</a></li>
											<li><a href="javacript:void(0);">中评(500)</a></li>
											<li><a href="javacript:void(0);">差评(500)</a></li>
										</ul>
										<div class="content">
											<div class="com-item">
												<div class="user-column">
													<div class="username">
														<img src="uploads/photo.jpg">用户****1
													</div>
													<div class="usernum">品享值258698</div>
												</div>
												<div class="user-info">
													<div class="stars star4"></div>
													<p>还不错，可以的可以的</p>
													<div class="guige">
														<ul class="mini">
															<li>两斤</li>
															<li>豪华版</li>
															<li>2021-05-02 13:23</li>
														</ul>
														<div class="operate">
															<span id="collect"><i class="sui-icon icon-tb-like"></i>
																325</span>
															<span id="comment"><i class="sui-icon icon-tb-wang"></i>
																256</span>
														</div>
														<div class="clearfix"></div>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<!--页面底部-->
		<div class="clearfix footer">
			<div class="py-container">
				<div class="footlink">
					<div class="Mod-service">
						<ul class="Mod-Service-list">
							<li class="grid-service-item intro  intro1">
								<i class="serivce-item fl"></i>
								<div class="service-text">
									<h4>正品保障</h4>
									<p>正品保障，提供发票</p>
								</div>
							</li>
							<li class="grid-service-item  intro intro2">
								<i class="serivce-item fl"></i>
								<div class="service-text">
									<h4>正品保障</h4>
									<p>正品保障，提供发票</p>
								</div>
							</li>
							<li class="grid-service-item intro  intro3">
								<i class="serivce-item fl"></i>
								<div class="service-text">
									<h4>正品保障</h4>
									<p>正品保障，提供发票</p>
								</div>
							</li>
							<li class="grid-service-item  intro intro4">
								<i class="serivce-item fl"></i>
								<div class="service-text">
									<h4>正品保障</h4>
									<p>正品保障，提供发票</p>
								</div>
							</li>
							<li class="grid-service-item intro intro5">
								<i class="serivce-item fl"></i>
								<div class="service-text">
									<h4>正品保障</h4>
									<p>正品保障，提供发票</p>
								</div>
							</li>
						</ul>
					</div>
					<div class="clearfix Mod-list">
						<div class="yui3-g">
							<div class="yui3-u-1-6">
								<h4>购物指南</h4>
								<ul class="unstyled">
									<li>购物流程</li>
									<li>会员介绍</li>
									<li>生活旅行/团购</li>
									<li>常见问题</li>
									<li>购物指南</li>
								</ul>
							</div>
							<div class="yui3-u-1-6">
								<h4>配送方式</h4>
								<ul class="unstyled">
									<li>上门自提</li>
									<li>211限时达</li>
									<li>配送服务查询</li>
									<li>配送费收取标准</li>
									<li>海外配送</li>
								</ul>
							</div>
							<div class="yui3-u-1-6">
								<h4>支付方式</h4>
								<ul class="unstyled">
									<li>货到付款</li>
									<li>在线支付</li>
									<li>分期付款</li>
									<li>邮局汇款</li>
									<li>公司转账</li>
								</ul>
							</div>
							<div class="yui3-u-1-6">
								<h4>售后服务</h4>
								<ul class="unstyled">
									<li>售后政策</li>
									<li>价格保护</li>
									<li>退款说明</li>
									<li>返修/退换货</li>
									<li>取消订单</li>
								</ul>
							</div>
							<div class="yui3-u-1-6">
								<h4>特色服务</h4>
								<ul class="unstyled">
									<li>夺宝岛</li>
									<li>DIY装机</li>
									<li>延保服务</li>
									<li>浙里购E卡</li>
									<li>浙里购通信</li>
								</ul>
							</div>
							<div class="yui3-u-1-6">
								<h4>帮助中心</h4>
								<img src="images/wx_xu.jpg">
							</div>
						</div>
					</div>
					<div class="Mod-copyright">
						<ul class="helpLink">
							<li>关于我们<span class="space"></span></li>
							<li>联系我们<span class="space"></span></li>
							<li>关于我们<span class="space"></span></li>
							<li>商家入驻<span class="space"></span></li>
							<li>营销中心<span class="space"></span></li>
							<li>友情链接<span class="space"></span></li>
							<li>关于我们<span class="space"></span></li>
							<li>营销中心<span class="space"></span></li>
							<li>友情链接<span class="space"></span></li>
							<li>关于我们</li>
						</ul>
						<p>地址：浙江省嘉兴市桐乡大道547号</p>
						<p>京ICP备20210614号京公网安备202106141951</p>
					</div>
				</div>
			</div>
		</div>
		<!--页面底部END-->

		<!--侧栏面板开始-->
		<div class="J-global-toolbar">
			<div class="toolbar-wrap">
				<div class="toolbar">
					<div class="toolbar-panels">
						<!-- 购物车 -->
						<div class="toolbar-panel tbar-panel-cart" style="visibility: hidden;">
							<h3 class="tbar-panel-header">
								<a class="title" href="cart.html"><i></i><em class="title">购物车</em></a>
								<span class="close-panel"></span>
							</h3>
							<div class="tbar-panel-main">
								<div class="tbar-panel-content">
									<div class="tbar-tipbox hide">
										<div class="tip-inner">
											<span class="tip-text">还没有登录，登录后商品将被保存</span>
											<a href="login.html" class="tip-btn">登录</a>
										</div>
									</div>
									<!-- 列表 -->
									<div class="tbar-cart-list"></div>
								</div>
							</div>
							<!-- 小计 -->
							<div class="tbar-panel-footer">
								<div class="tbar-checkout">
									<div class="jtc-number"><strong>0</strong>件商品</div>
									<div class="jtc-sum"> 共计：<strong>¥0</strong></div>
									<a class="jtc-btn" href="cart.html">去购物车结算</a>
								</div>
							</div>
						</div>
						<!-- 我的关注 -->
						<div class="toolbar-panel tbar-panel-follow" style="visibility: hidden;">
							<h3 class="tbar-panel-header">
								<a class="title" href="javacript:void(0);"><i></i><em class="title">我的关注</em></a>
								<span class="close-panel"></span>
							</h3>
							<div class="tbar-panel-main">
								<div class="tbar-panel-content"></div>
							</div>
						</div>
						<!-- 我的足迹 -->
						<div class="toolbar-panel tbar-panel-history" style="visibility: hidden;">
							<h3 class="tbar-panel-header">
								<a class="title" href="javacript:void(0);"><i></i><em class="title">我的足迹</em></a>
								<span class="close-panel"></span>
							</h3>
							<div class="tbar-panel-main">
								<div class="tbar-panel-content">
									<div class="jt-history-wrap">
										<ul>
											<!-- <li class="jth-item">
                      <a class="img-wrap" href="item.html"><img src="#" height="100" width="100"></a>
                      <a class="add-cart-button" href="cart-add.html">加入购物车</a>
                      <span class="price">￥498.00</span>
                    </li>
                    <li class="jth-item">
                      <a class="img-wrap" href="item.html"><img src="#" height="100" width="100"></a>
                      <a class="add-cart-button" href="cart-add.html">加入购物车</a>
                      <span class="price">￥498.00</span>
                    </li> -->
										</ul>
										<a class="history-bottom-more" href="javacript:void(0);">查看更多足迹商品 &gt;&gt;</a>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!-- 侧栏按钮 -->
					<div class="toolbar-tabs">
						<div class="toolbar-tab tbar-tab-cart" data-title="购物车" data-target="cart"><i
								class="tab-ico"></i><em class="tab-text"></em><span class="tab-sub">0</span></div>
						<div class="toolbar-tab tbar-tab-follow" data-title="我的关注" data-target="follow"><i
								class="tab-ico"></i><em class="tab-text"></em></div>
						<div class="toolbar-tab tbar-tab-history" data-title="我的足迹" data-target="history"><i
								class="tab-ico"></i><em class="tab-text"></em></div>
					</div>
					<div class="toolbar-footer">
						<div class="toolbar-tab tbar-tab-top">
							<a href="javacript:void(0);"><i class="tab-ico"></i><em class="footer-tab-text">顶部</em></a>
						</div>
						<div class="toolbar-tab tbar-tab-feedback">
							<a href="javacript:void(0);"><i class="tab-ico"></i><em class="footer-tab-text">反馈</em></a>
						</div>
					</div>
				</div>
			</div>
		</div>

		<!--购物车单元格 模板-->
		<script type="text/template" id="tbar-cart-item-template">
			<div class="tbar-cart-item">
            <div class="jtc-item-promo">
                <em class="promo-tag promo-mz">满赠<i class="arrow"></i></em>
                <div class="promo-text">已购满600元，您可领赠品</div>
            </div>
            <div class="jtc-item-goods">
                <span class="p-img"><a href="javacript:void(0);"><img src="{2}" alt="{1}" height="50" width="50"></a></span>
                <div class="p-name">
                    <a href="javacript:void(0);">{1}</a>
                </div>
                <div class="p-price"><strong>¥{3}</strong>×{4} </div>
                <a class="p-del" href="javacript:void(0);">删除</a>
            </div>
        </div>
	</body>

</html>
